<template>
  <div>
     <form action="">
      <input type="checkbox" v-model="arr" value="科幻">科幻
      <input type="checkbox" v-model="arr" value="喜剧">喜剧
      <input type="checkbox" v-model="arr" value="动漫">动漫
      <input type="checkbox" v-model="arr" value="冒险">冒险
      <input type="checkbox" v-model="arr" value="科技">科技
      <input type="checkbox" v-model="arr" value="军事">军事
      <input type="checkbox" v-model="arr" value="娱乐">娱乐
      <input type="checkbox" v-model="arr" value="奇闻">奇闻
     </form>
     <ul>
      <li v-for="(item, index) in arr" :key="index">{{item}}</li>
     </ul>
   </div>
</template>
 
<script>
export default {
  components: {},
  props: {},
  data() {
    return {
      arr: [

      ]
    };
  },
  computed: {},
  watch: {},
  created() {},
  methods: {}
};
</script>

<style scoped>
     
</style>